<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<script src='../../dist/fullcalendar.js'></script>
<script>

  document.addEventListener('DOMContentLoaded', function() {

    // var PointerDragging = FullCalendar.PointerDragging;

    // var pointer = new PointerDragging(document.getElementById('box'))
    // pointer.on('down', function(ev) {
    //   console.log('down', ev)
    //   pointer.cancelTouchScroll()
    // })
    // pointer.on('move', function(ev) {
    //   console.log('move', ev)
    // })
    // pointer.on('up', function(ev) {
    //   console.log('up', ev)
    // })

    // TODO: need to expose
    // var FeaturefulDragging = FullCalendar.FeaturefulDragging;

    // var listener = new FeaturefulDragging({
    //   containerEl: document.getElementById('box'),
    //   selector: 'a',
    //   touchDelay: 1000,
    //   mouseMinDistance: 20,
    //   touchScrollAllowed: false
    // })
    // listener.on('pointerdown', function(ev) {
    //   console.log('pointerdown', ev)
    // })
    // listener.on('dragstart', function(ev) {
    //   console.log('dragstart', ev)
    // })
    // listener.on('dragmove', function(ev) {
    //   console.log('dragmove', ev)
    // })
    // listener.on('dragend', function(ev) {
    //   console.log('dragend', ev)
    // })
    // listener.on('pointerup', function(ev) {
    //   console.log('pointerup', ev)
    // })
  });

</script>
</head>
<body>

  <div style='width:400px; height:600px; margin:0 auto; overflow:auto; background:yellow'>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper pretium auctor. Sed condimentum scelerisque pellentesque. Sed blandit dui ut diam blandit faucibus. Mauris tincidunt ac leo quis semper. Integer condimentum neque ac feugiat imperdiet. Nullam eget lorem vel erat pulvinar elementum. Proin elit dolor, tincidunt auctor posuere eu, faucibus tempus eros. Cras at vestibulum augue, non tempus sapien. Donec neque lectus, commodo suscipit erat nec, rhoncus maximus felis. Etiam ut nisi interdum, malesuada erat ac, tempor lectus. Phasellus hendrerit orci vitae nisi finibus sodales. Vestibulum eleifend arcu vel semper fringilla. Ut tincidunt massa a aliquet tincidunt. Donec molestie vitae nulla quis pharetra.
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper pretium auctor. Sed condimentum scelerisque pellentesque. Sed blandit dui ut diam blandit faucibus. Mauris tincidunt ac leo quis semper. Integer condimentum neque ac feugiat imperdiet. Nullam eget lorem vel erat pulvinar elementum. Proin elit dolor, tincidunt auctor posuere eu, faucibus tempus eros. Cras at vestibulum augue, non tempus sapien. Donec neque lectus, commodo suscipit erat nec, rhoncus maximus felis. Etiam ut nisi interdum, malesuada erat ac, tempor lectus. Phasellus hendrerit orci vitae nisi finibus sodales. Vestibulum eleifend arcu vel semper fringilla. Ut tincidunt massa a aliquet tincidunt. Donec molestie vitae nulla quis pharetra.
    </p>
    <div id='box' style='width: 100px; height: 100px; background: red'>
      <a>stuff in here</a>
    </div>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper pretium auctor. Sed condimentum scelerisque pellentesque. Sed blandit dui ut diam blandit faucibus. Mauris tincidunt ac leo quis semper. Integer condimentum neque ac feugiat imperdiet. Nullam eget lorem vel erat pulvinar elementum. Proin elit dolor, tincidunt auctor posuere eu, faucibus tempus eros. Cras at vestibulum augue, non tempus sapien. Donec neque lectus, commodo suscipit erat nec, rhoncus maximus felis. Etiam ut nisi interdum, malesuada erat ac, tempor lectus. Phasellus hendrerit orci vitae nisi finibus sodales. Vestibulum eleifend arcu vel semper fringilla. Ut tincidunt massa a aliquet tincidunt. Donec molestie vitae nulla quis pharetra.
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper pretium auctor. Sed condimentum scelerisque pellentesque. Sed blandit dui ut diam blandit faucibus. Mauris tincidunt ac leo quis semper. Integer condimentum neque ac feugiat imperdiet. Nullam eget lorem vel erat pulvinar elementum. Proin elit dolor, tincidunt auctor posuere eu, faucibus tempus eros. Cras at vestibulum augue, non tempus sapien. Donec neque lectus, commodo suscipit erat nec, rhoncus maximus felis. Etiam ut nisi interdum, malesuada erat ac, tempor lectus. Phasellus hendrerit orci vitae nisi finibus sodales. Vestibulum eleifend arcu vel semper fringilla. Ut tincidunt massa a aliquet tincidunt. Donec molestie vitae nulla quis pharetra.
    </p>
  </div>

</body>
</html>
